(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".box5"));
  console.log(myChart);

  // 步骤4：定义配置（指定图表的配置项和数据）

  let option = {
    color: ["orange", "green"],
    grid: {
      left: "3%",
      right: "4%",
      bottom: "3%",
      containLabel: true,
    },
    xAxis: {
      type: "value",
      boundaryGap: [0, 1],
      splitLine: {
        lineStyle: {
          //   color: white,
          type: "dashed",
        },
      },

      axisLine: {
        lineStyle: {
          color: "#ccc",
        },
        show: true,
      },
      axisTick: { show: false },
      splitLine: { show: false },
      scale: true,
    },
    yAxis: {
      type: "category",
      data: ["娱乐传媒", "建筑", "教育", "销售", "电子网络"],
      splitLine: {
        lineStyle: {
          type: "dashed",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#ccc",
        },
        show: true,
      },
      axisTick: { show: false },
      splitLine: { show: false },
    },
    series: [
      {
        name: "Income",
        type: "bar",
        stack: "Total",

        emphasis: {
          focus: "series",
        },
        data: [620, 202, 241, 474, 290, 350, 320],
      },
      {
        name: "Expenses",
        type: "bar",
        stack: "Total",

        emphasis: {
          focus: "series",
        },
        data: [-220, -232, -301, -234, -290, -230, -310],
      },
    ],
  };

  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);

  //   window.onresize = function () {
  //     myChart.resize();
  //   };
})();
